<!DOCTYPE html>
<html xmlns:svg="http://www.w3.org/2000/svg">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
        <title>d3.js test</title>
        <link rel="stylesheet" href="http://cdn.amazeui.org/amazeui/2.4.2/css/amazeui.css" type="text/css"  />
        <link rel="stylesheet" href="ht.css" type="text/css" />
        <script src="http://libs.useso.com/js/jquery/1.9.1/jquery.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="http://cdn.amazeui.org/amazeui/2.4.2/js/amazeui.js" type="text/javascript" charset="utf-8"></script>
    </head>
    
    <body>

        <div class="am-container">
            <h1>Academic genealogy</h1>
            <blockquote id="status">
                A -> B means A is referenced by B (in other words A is the ancestor of B)
            </blockquote>
            <div style="height: 640px; background-color:#eee">

                <div id="left" class="am-u-sm-9 noSelect" style="background-color:black; height: 100%" >
                    <span class="loading" id="loading">
                        <img class="loadingimg" src="loading.gif" />
                    </span>
                    <div style="position: absolute; width: 100%; height: 100%;">
                        <svg id="svg" width="100%" height="100%" version="1.1"
                            xmlns="http://www.w3.org/2000/svg">
                        </svg>
                    </div>
                    <div id="lab" style="position: absolute;  width: 100%; height: 100%;">
                       
                    </div>
                </div>
                <div class="am-u-sm-3">
                    <h3><span class="am-icon-info-circle"></span>Infomation about this node</h3>
                    <div id="info">
                    </div>
                </div>

            </div>
        </div>

    </body>
    <script type="text/javascript" src="ht.js"></script>
    <script type="application/javascript">
    var htConfig = 
    {
        backendUrl: "http://168.235.76.127/t/123.php",
        statusDivId: "status",
        infoDivId:  "info",
        loadingDivId: "loading",
        svgId:      "svg",
        drawOnDivId:"left",
        labelDivId: "lab",
        nodePrefix: "node",
        labelPrefix: "span",
        linePrefix: "line",
        arrowPrefix: "arrow"
    };
        clickNode(266478);
    </script>

</html>
